import Taro, { Component, Config } from '@tarojs/taro';
import Index from './pages/index';

import './app.scss';

// 如果需要在 h5 环境中开启 React Devtools
// 取消以下注释：
// if (process.env.NODE_ENV !== 'production' && process.env.TARO_ENV === 'h5')  {
//   require('nerv-devtools')
// }

class App extends Component {

  componentDidMount() {
  }

  componentDidShow() {
  }

  componentDidHide() {
  }

  componentDidCatchError() {
  }

  /**
   * 指定config的类型声明为: Taro.Config
   *
   * 由于 typescript 对于 object 类型推导只能推出 Key 的基本类型
   * 对于像 navigationBarTextStyle: 'black' 这样的推导出的类型是 string
   * 提示和声明 navigationBarTextStyle: 'black' | 'white' 类型冲突, 需要显示声明类型
   */
  config: Config = {
    pages: [
      'pages/home/home',
      'pages/finance/finance',
      'pages/mine/mine',
      'pages/record/record',
      'pages/industry/industry'
    ],
    tabBar: {
      custom: false,
      color: '#cccccc',
      selectedColor: '#2386ee',
      backgroundColor: '#FCFCFC',
      borderStyle: 'white',
      list: [
        {
          iconPath: './assets/image/news.png',
          selectedIconPath: './assets/image/news_active.png',
          pagePath: 'pages/home/home',
          text: '新闻'
        },
        {
          iconPath: './assets/image/finance.png',
          selectedIconPath: './assets/image/finance_active.png',
          pagePath: 'pages/finance/finance',
          text: '财经'
        },
        {
          iconPath: './assets/image/industry.png',
          selectedIconPath: './assets/image/industry_active.png',
          pagePath: 'pages/industry/industry',
          text: '行业'
        },
        {
          iconPath: './assets/image/my.png',
          selectedIconPath: './assets/image/my_focus.png',
          pagePath: 'pages/mine/mine',
          text: '我的'
        }
      ]
    },
    window: {
      backgroundTextStyle: 'light',
      navigationBarBackgroundColor: '#fff',
      navigationBarTitleText: 'WeChat',
      navigationBarTextStyle: 'black'
    }
  };

  // 在 App 类中的 render() 函数没有实际作用
  // 请勿修改此函数
  render() {
    return (
      <Index/>
    );
  }
}

Taro.render(<App/>, document.getElementById('app'));
